body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --single-line-body-base: Inter;
  
    /* font sizes */
    --single-line-body-base-size: 16px;
    --subtitle-size: 32px;
    --title-hero-size: 72px;
  
    /* Colors */
    --border-neutral-secondary: #767676;
    --background-brand-default: #2c2c2c;
    --text-default-default: #1e1e1e;
    --text-utilities-text-on-overlay: #0c0c0d;
    --text-brand-on-brand: #f5f5f5;
    --background-neutral-tertiary: #e3e3e3;
  
    /* Spacing */
    --space-800: 32px;
    --space-4000: 160px;
    --space-400: 16px;
    --space-200: 8px;
    --radius-200: 8px;
  
    /* Gaps */
    --gap-5xs: 8px;
  
    /* Paddings */
    --padding-3xs: 10px;
    --padding-2xs: 11px;
  
    /* Border radiuses */
    --br-5xs: 8px;
  }